.M-index-swiper {
  overflow: hidden;
  width: 100%;
  background: #fff;
}
.M-index-swiper img {
  width: 100%;
}
.swiper-a {
  display: block;
  width: 100%;
  height: 62.86414062px;
  line-height: 62.86414062px;
  text-align: center;
  font-size: 17.01029687px;
}
.swiper_a_border {
  color: #ff6767;
}
.M-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.M-carousel div {
  width: 100%;
}
.M-carousel div img {
  width: 100%;
}
.M-hot {
  display: block;
  overflow: hidden;
  height: 779.51534375px;
  width: 100%;
  background: #fff;
  position: relative;
}
.M-hot > div:nth-of-type(1) img {
  width: 100%;
}
.M-hot > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 65.082875px;
  padding-top: 88.749375px;
  position: relative;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) {
  position: absolute;
  left: 0;
  width: 100.582625px;
  background: #f55644;
  border-radius: 0 7.39578125px 7.39578125px 0;
  text-align: center;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) img {
  margin-top: 11.09367188px;
  width: 65.82245312px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p {
  text-align: center;
  padding-left: 100.582625px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 33.28101562px;
  letter-spacing: 14.7915625px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(2) {
  font-size: 14.7915625px;
  letter-spacing: 4.43746875px;
}
.M-hot > div:nth-of-type(2) > p {
  margin-top: 48.07257812px;
  text-align: center;
  letter-spacing: 8.8749375px;
}
.M-discounts {
  overflow: hidden;
  width: 523.6213125px;
  height: 213.73807812px;
  margin: -107.23882812px auto 14.7915625px;
  background: url('../../img/index/m_youhuijuan.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 7.39578125px;
  position: relative;
}
.M-discounts > p {
  text-align: center;
  font-size: 17.01029687px;
  color: #fff;
  line-height: 83.57232812px;
}
.M-discounts .M-discounts-three {
  overflow: hidden;
  margin: 0 auto;
  width: 488.1215625px;
  height: 79.8744375px;
  border-radius: 9.61451562px;
}
.M-discounts .M-discounts-three > div {
  width: 162.7071875px;
  height: 79.8744375px;
}
.M-discounts .M-discounts-three > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 79.8744375px;
  color: #fff;
  font-size: 14.05198437px;
}
.M-discounts .M-discounts-three > div > a span {
  font-size: 18.48945313px;
  color: #fff;
}
.M-discounts .M-discounts-three > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-three > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-three > div:nth-of-type(3) {
  float: left;
  background: #fd7d00;
}
.M-discounts .M-discounts-two {
  overflow: hidden;
  margin: 0 auto;
  width: 488.1215625px;
  height: 79.8744375px;
  border-radius: 9.61451562px;
}
.M-discounts .M-discounts-two > div {
  width: 244.06078125px;
  height: 79.8744375px;
}
.M-discounts .M-discounts-two > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 79.8744375px;
  color: #fff;
  font-size: 14.05198437px;
}
.M-discounts .M-discounts-two > div > a span {
  font-size: 18.48945313px;
  color: #fff;
}
.M-discounts .M-discounts-two > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-two > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-one {
  overflow: hidden;
  margin: 0 auto;
  width: 488.1215625px;
  height: 79.8744375px;
  border-radius: 9.61451562px;
}
.M-discounts .M-discounts-one > div {
  width: 488.1215625px;
  height: 79.8744375px;
  background: #fd7d00;
}
.M-discounts .M-discounts-one > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 79.8744375px;
  color: #fff;
  font-size: 14.05198437px;
}
.M-discounts .M-discounts-one > div > a span {
  font-size: 18.48945313px;
  color: #fff;
}
.M-hot-bread {
  overflow: hidden;
  display: block;
  width: 523.6213125px;
  height: 288.43546875px;
  margin: 0 auto 11.09367188px;
  border-radius: 7.39578125px;
  background-image: url('../../img/index/m_backgrunder.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.M-hot-bread > div:nth-of-type(1) {
  text-align: center;
}
.M-hot-bread > div:nth-of-type(1) > img {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.M-hot-bread > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.M-hot-bread > div:nth-of-type(2) > div {
  margin-left: 22.18734375px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-top: 18.48945313px;
  letter-spacing: 5px;
  font-size: 18.48945313px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(2) {
  letter-spacing: 5px;
  font-size: 14.7915625px;
  color: #b0b0b0;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(3) {
  position: absolute;
  bottom: 22.18734375px;
  right: 18.48945313px;
  text-align: center;
  height: 25.88523437px;
  line-height: 25.88523437px;
  margin: 0 0 0 11.09367188px;
  padding: 0 8.8749375px 0 8.8749375px;
  font-size: 24.40607812px;
  border-radius: 5px;
}
.gengduo {
  display: block;
  width: 532.49625px;
  height: 92.44726563px;
  margin: 0 auto 11.09367188px;
  overflow: hidden;
}
.gengduo div:nth-of-type(1) {
  float: left;
  width: 436.35109375px;
  height: 100%;
  background: #272727;
  border-radius: 7.39578125px 0 0 7.39578125px;
  line-height: 92.44726563px;
}
.gengduo div:nth-of-type(1) span {
  color: #fff;
  font-size: 17.01029687px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(1) {
  letter-spacing: 7.39578125px;
  margin-left: 29.583125px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(2) {
  margin-left: 41.416375px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(3) {
  margin-left: 14.7915625px;
}
.gengduo > div:nth-of-type(2) {
  float: right;
  line-height: 92.44726563px;
  border-radius: 0 7.39578125px 7.39578125px 0;
  width: 96.14515625px;
  height: 100%;
  background: #ff3c0a;
  text-align: center;
}
.gengduo > div:nth-of-type(2) span {
  color: #fff;
  font-size: 22.18734375px;
}
.M-banner {
  display: block;
  width: 532.49625px;
  height: 288.43546875px;
  margin: 0 auto 11.09367188px;
  position: relative;
}
.M-banner > img {
  width: 532.49625px;
  height: 288.43546875px;
}
.M-banner > div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin: 36.97890625px 14.7915625px 0 0;
}
.M-banner > div > p:nth-of-type(1) {
  line-height: 29.583125px;
  font-size: 24.40607812px;
  letter-spacing: 7.39578125px;
}
.M-banner > div > p:nth-of-type(2) {
  margin-top: 7.39578125px;
  font-size: 8.8749375px;
  padding-right: 7.39578125px;
  color: #413c28;
}
.M-banner > div > p:nth-of-type(3) {
  line-height: 36.97890625px;
  font-size: 11.83325px;
}
.M-banner > div > p:nth-of-type(3) > span {
  font-size: 19.96860937px;
  padding-right: 7.39578125px;
}
.M-drink {
  width: 523.6213125px;
  height: 761.02589062px;
  margin: 0 auto;
}
.M-drink > a {
  display: block;
  float: left;
  margin: 0 auto 11.09367188px;
  width: 254.414875px;
  height: 373.48695312px;
}
.M-drink > a > div {
  width: 254.414875px;
  height: 373.48695312px;
  border-radius: 7.39578125px;
  background-image: url('../../img/index/m_backgrunder_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}
.M-drink > a > div > img {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 90%;
}
.M-drink > a > div > div {
  text-align: left;
  padding-left: 18.48945313px;
}
.M-drink > a > div > div > p:nth-of-type(1) {
  font-size: 18.48945313px;
  color: #232323;
  padding-top: 11.09367188px;
}
.M-drink > a > div > div > p:nth-of-type(2) {
  color: #b0b0b0;
  margin-top: 11.09367188px;
  font-size: 14.7915625px;
}
.M-drink > a > div > div > div {
  margin-top: 14.7915625px;
  line-height: 25.88523437px;
  font-size: 24.40607812px;
}
.M-drink > a:nth-of-type(1) {
  margin-right: 11.09367188px;
}
.M-drink > a:nth-of-type(3) {
  margin-right: 11.09367188px;
}
.M-number {
  width: 523.6213125px;
  height: 307.6645px;
  margin: 0 auto 11.09367188px;
  background: #fff;
  border-radius: 7.39578125px;
  border: 1px solid #d9d9d9;
  background-image: url('../../img/index/m_backgrunder_3.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.M-number > P {
  text-align: center;
}
.M-number > p:nth-of-type(1) {
  font-size: 17.749875px;
  margin-top: 136.82195312px;
}
.M-number > p:nth-of-type(2) {
  font-size: 8.8749375px;
  margin-top: 7.39578125px;
}
.M-number > div:nth-of-type(1) {
  margin: 85.05148438px auto 0;
  line-height: 31.80185937px;
  text-align: center;
}
.M-number > div:nth-of-type(1) span {
  display: inline-block;
  vertical-align: middle;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(1) {
  font-size: 14.05198437px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(2) {
  font-size: 21.44776562px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(3) {
  font-size: 11.09367188px;
  line-height: 31.80185937px;
}
.M-youhui {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.M-youhui .M-youhui-content {
  width: 310.6228125px;
  height: 488.1215625px;
  position: fixed;
  margin: auto;
  top: 50%;
  left: 50%;
  margin-top: -244.06078125px;
  margin-left: -155.31140625px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) {
  background: #fff;
  padding-top: 36.97890625px;
  border-radius: 11.09367188px;
  text-align: center;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) p {
  font-size: 16.27071875px;
  letter-spacing: 1px;
  color: #c2c2c2;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) img {
  margin-top: 29.583125px;
  width: 207.081875px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) a {
  margin-top: 14.7915625px;
  display: block;
  width: 100%;
  line-height: 73.9578125px;
  height: 73.9578125px;
  border-top: 1px solid #a0a0a0;
  color: #e53b37;
  font-size: 11.83325px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) {
  text-align: center;
  padding-top: 29.583125px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) span {
  color: #fff;
  font-size: 56.2079375px;
}
